<template>
    <van-tabbar v-model="active" route>
        <van-tabbar-item icon="home-o" replace to="/home">首页</van-tabbar-item>
        <van-tabbar-item icon="apps-o" replace to="/category">分类</van-tabbar-item>
        <van-tabbar-item icon="shopping-cart-o" replace to="/cart">购物车</van-tabbar-item>
        <van-tabbar-item icon="user-o" replace to="/profile">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script>
import Vue from 'vue'
import {Tabbar,TabbarItem} from 'vant'
Vue.use(Tabbar).use(TabbarItem)
  export default {
    name: "TabBar",
    components:{
      Tabbar,
      TabbarItem
    },
    data(){
      return{
        active:'home'
      }
    }
  }
</script>

<style scoped>

</style>
